<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>SAO - Página Inicial</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<div id="wrapper">
	<div id="header-wrapper">
		<div id="header">
			<div id="logo">
				<h1><a href="sao"><span>SAO</span></a></h1>
				<p>Sistema de Agendamento Online</p>
			</div>
			
		</div>
	</div>
	<!-- end #header -->
	<div id="page">
		<div id="page-bgtop">
			<div id="page-bgbtm">
				<div id="content">
					<div class="post">
						<h2 class="title"><a href="#">Sistema SAO   </a>- Página Inicial </h2>
						<p class="meta"><span class="date">${dataCorrente} </span><span class="posted">Usuário: <span class="nomeUsuario">${usuario.nome}</span></span></p>
						<div style="clear: both;">&nbsp;</div>
						<div class="entry">
							<p>Bem vindo à página inicial do SAO - O sistema de agendamento de consultas médicas online.</p>
							<p>Agora, o(a) senhor(a) poderá agendar suas consultas online, no conforto de sua residência ou trabalho. Para efetuar um agendamento, no menu superior, escolha &quot;Agendar&quot;. </p>
							<p>Caso deseje cancelar um agendamento previamente feito e cuja data ainda não tenha passado, escolha o menu &quot;Cancelar&quot;.</p>
							<p>Para visualisar as consultas agendadas anteriormente (relatório), escolha a opção &quot;Relatório&quot;.</p>
							<p>Agradecemos a sua preferência e tenha uma boa consulta. </p>
						</div>
					</div>
					
					
					<div style="clear: both;">&nbsp;</div>
				</div>
				<!-- end #content -->
				
				<div id="sidebar">
					<ul>
						<li>
							<h2>Menu</h2>
							
							${menu}
							
						</li>
					</ul>
				</div>
				<!-- end #sidebar -->
				
				<div style="clear: both;">&nbsp;</div>
			</div>
		</div>
	</div>
	<!-- end #page -->
</div>

<%@ include file="includes/rodape.inc" %>
<!-- end #footer -->
</body>
</html>
